<template>
    <div class="notice">
        <h3>公告</h3>
        <p>{{ notice }}</p>
    </div>
</template>

<script>
export default {
    data() {
        return {
            notice: '这里是公告内容'
        };
    }
};
</script>

<style scoped>
.notice {
    flex: 1;
    margin-right: 20px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
</style>